<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
  <link rel="stylesheet" href="../../static/BOSGeo/BOSGeo.css" />
  <title>添加多模型</title>
  <style>
    html {
      font-size: 12px;
    }

    html,
    body,
    #mapContainer {
      height: 100%;
      width: 100%;
      padding: 0;
      margin: 0;
    }

  </style>
</head>

<body>
  <div id="mapContainer"></div>
  <script src="../../static/BOSGeo/BOSGeo.js"></script>
  <script>
    var map = new BOSGeo.Map('mapContainer', {
    mapType: BOSGeo.TDT_IMAGERY
    });
    var lodData = [
    {
        "key": "G001",
        "name": "油罐1",
        "position": [121.458695, 31.16718],
        "shell": {
            "url": "http://localhost:8080/another/tileset.json",
            "position": [121.455108, 31.16671, 3.4, 82]
        },
        "pointCloud": {
            "url": "http://building-xuhui-demo.rickricks.com/data/pointCloud/wukangdalou/tileset.json",
            "position": [121.45871, 31.167174, 19, 0]
        },
        "bim": {
            "url": "http://building-bos-demo.rickricks.com/bosgeoservice/api/l3b6d932e25e43f8a45cb47452cad7b5/geomodels/G1562666661850/data/tileset.json",
            "position": [121.45871, 31.167174, 9.6, 6]
        }
    }
    ];

    var lodManager = new BOSGeo.MultiLodLayer({
        // minLodPixels: 10,
        scale: 100
    });
    lodManager.activate(lodData);
  </script>
</body>

</html>